//  console.log("window inner size:"+window.innerWidth +"x"+window.innerHeight);
// // //窗口随浏览器的大小改变而改变

// var width = window.innerWidth ;
// console.log(width);


// console.log(screen.width);


// console.log(location.protocol);


// if (confirm('重新加载当前页' + location.href + '?')) {
//     location.reload();
// } else {
//     location.assign('/'); // 设置一个新的URL地址
// }

document.title='要努力学习js'//窗口标题发生了改变

// var menu=document.getElementById('drink-menu');
// console.log(menu);

var drinks =document.getElementsByTagName('dt');
console.log(drinks[0].innerHTML);//摩卡
var i,s;

s='提供的饮料有：';
for(i=0;i<drinks.length;i++){
    s=s+drinks[i].innerHTML +',';
}
console.log(s);//提供的饮料有：摩卡,酸奶,果汁,

 var p=document.getElementById('drink-menu')
// p.innerHTML='ABC';//<p id="p-id">ABC</p>
// p.innerHTML = 'ABC <span style="color:red">RED</span> XYZ';//RED设置为红色

//p.innerText ='<script>alert("Hi")</script>';
// HTML被自动编码，无法设置一个<script>节点:
// <p id="p-id">&lt;script&gt;alert("Hi")&lt;/script&gt;</p>
p.style.color='#ff0000';//颜色
p.style.fontSize = '2px';//字体大小
p.style.paddingTop = '4em';//顶部留4行空格